<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="__CSS__/common.css?v=__VERSION__"/>
    <link rel="stylesheet" type="text/css" href="__CSS__/iconfont.css?v=__VERSION__"/>
    <link rel="stylesheet" type="text/css" href="__PLUGIN__/layui/css/layui.css?v=__VERSION__"/>
    <link rel="stylesheet" type="text/css" href="__CSS__/quesans_index.css?v=__VERSION__"/>
    <script type="text/javascript" src="__JS__/jquery.min.js?v=__VERSION__"></script>
    <title>{$pageInfo['title']}</title>
    <meta name="keywords" content="{$pageInfo['keywords']}">
    <meta name="description" content="{$pageInfo['description']}">
</head>
<body>
<div id="main">

    {include file="common/nav" /}

    <div id="center" class="com">
        <input type="hidden" name="keywords" value="{$keywords}"/>
        <div id="left-box">

            <!--ask-question start-->
            <div class="ask-question">
                <input type="text" name="problem" placeholder="请输入问题" class="question-input">
                <input type="button" value="提交问题" id="ask-btn" data-status="0">
                {if !empty($site.quesans_tips)}<div class="notice">提示：{$site.quesans_tips}</div>{/if}
            </div>
            <!--ask-question stop-->

            <!--question-list start-->
            {if !empty($problemList)}
            <ul class="question-list">
                {volist name="problemList" id="problem"}
                <li>
                    <div class="question-title">
                        <h2>
                            <a href="{:url('/quesans/detail/'.$problem['id'])}" target="_blank">{$problem.content}</a>
                        </h2>
                        <div class="question-info">
                            <a class="click-answer" href="{:url('/quesans/detail/'.$problem['id'])}">{$problem.answerCount} 点击回答</a>
                            <span class="question-time">{$problem.createtime}</span>
                        </div>
                    </div>
                    {if !empty($problem['answerCount'])}
                    <div class="question-answer">
                        <div class="answer-user">
                            <img src="{$problem['answer']['user']['avatar']|image_processing=1}" class="avatar">
                            <span>{if !empty($problem['answer']['user']['nickname'])}{$problem['answer']['user']['nickname']}{else/}{$problem['answer']['user']['joinip']}{/if}</span>
                        </div>
                        <div class="answer-content">
                            <div class="content">{$problem.answer.content}</div>
                            <div class="answer-oper">
                                <a href="{:url('/quesans/detail/'.$problem['id'])}" class="comment">
                                    <img src="__IMAGES__/comment.png">
                                    <span class="comment-count">{$problem.answer.commentCount}</span>
                                    <span class="click-comment">点击评论</span>
                                </a>
                                <span class="comment-time">{$problem.answer.createtime}</span>
                            </div>
                        </div>
                    </div>
                    {/if}
                </li>
                {/volist}

            </ul>
            {/if}
            <!--question-list stop-->

            <!--page start-->
            {if !empty($show)}
            <div class="page">
                {$show}
            </div>
            {/if}
            <!--page stop-->

        </div>
        <div id="right-box">
            <div class="rthumb">
                <img src="{$site.quesans_right_img}" alt="{$pageInfo['title']}" title="{$pageInfo['title']}"/>
            </div>

            <!--message start-->
            <div class="message">
                <h2 class="htitle">留言</h2>
                <form action="" method="post" class="message-form">
                    <p class="input-text"><input type="text" name="mobile" placeholder="请输入手机号"/></p>
                    <p class="input-text"><input type="text" name="nickname" placeholder="请输入用户昵称"/></p>
                    <p class="input-text"><input type="text" name="content" placeholder="请输入留言内容"/></p>
                    <p class="input-btn"><input type="button" value="提交" id="message"/> </p>
                </form>
            </div>
            <!--message stop-->

            <!--add-blogger start-->
            {if !empty($site.blogger_gzh_qrcode) || !empty($site.blogger_wxqrcode)}
            <div class="add-blogger">
                <h2 class="htitle">快速添加博主微信或关注公众号</h2>
                <div class="content">
                    {if !empty($site.blogger_gzh_qrcode)}
                    <div class="weixin"><img src="{$site.blogger_gzh_qrcode}"/><span>公众号</span></div>
                    {/if}
                    {if !empty($site.blogger_wxqrcode)}
                    <div class="gzh" {if empty($site.blogger_gzh_qrcode)}style="float:left;"{/if}><img src="{$site.blogger_wxqrcode}"/><span>微信号</span></div>
                    {/if}
                </div>
            </div>
            {/if}
            <!--add-blogger stop-->

            <!--hot-question-list start-->
            {if !empty($hotProblemList)}
            <div class="hot-question-list">
                <h2 class="htitle">热门问题推荐</h2>
                <div class="list">
                    {volist name="hotProblemList" id="hotProblem"}
                    <div class="question">
                        <div class="title"><a href="{:url('/quesans/detail/'.$hotProblem['id'])}">{$hotProblem.content}</a></div>
                        <div class="info">
                            <span class="time">{$hotProblem.createtime}</span>
                        </div>
                    </div>
                    {/volist}
                </div>
            </div>
            {/if}
            <!--hot-question-list stop-->

        </div>
    </div>

    {include file="common/footer" /}

</div>

<script type="text/javascript" src="__JS__/common.js?v=__VERSION__"></script>
<script type="text/javascript" src="__PLUGIN__/layui/layui.js?v=__VERSION__"></script>
<script type="text/javascript">
    var default_Avatar='{$site.default_avatar}';
    var images_url='__IMAGES__';
</script>
<script type="text/javascript" src="__JS__/quesans_index.js?v=__VERSION__"></script>
</body>
</html>